@import "@/lib/reset.scss";
*{touch-action: none;}
html, body, #root, .container {
  @include rect(100%,100%);
}

/* 动画 */
.loading-indicator:before {
  content: '';
  // background: #000000cc;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}

.loading-indicator:after {
  content: '网络在开小差~~';
  position: fixed;
  width: 100%;
  top: 85%;
  left: 0;
  z-index: 1001;
  color:white;
  text-align:center;
  font-weight:bold;
  font-size:.15rem;        
}

/* 分割 */
.container {
  @include flexbox();
  @include flex-direction(column);
  .box {
    @include flex();
    @include rect(100%, 100%);
    @include flexbox();
    @include flex-direction(column);
    @include justify-content(space-between);
    // @include overflow();
    // .header {
    //   @include rect(100%, 0.5rem);
    //   @include background-color(#b83320);
    //   @include flexbox();
    //   @include align-items();
    //   @include font-size(0.14rem);
    //   color: #ffffff;
    //   .header-main {
    //     @include rect(100%, auto);
    //     @include flexbox();
    //     @include justify-content(space-between);
    //     @include padding(0 0.22rem);
    //     .search {
    //       @include flex();
    //       @include flexbox();
    //       @include align-items();
    //       @include padding(0  0.1rem);
    //       height: 0.34rem;
    //       background-color: rgba(255,255,255,0.3);
    //       border-radius: 1rem;
    //       .search-inner {
    //         @include flex();
    //         i {
    //           @include margin(0 0.12rem 0 0)
    //         }
    //       }
    //     }
    //     .all {
    //       @include rect(0.82rem, 0.34rem);
    //       @include flexbox();
    //       @include align-items();
    //       @include padding(0  0.1rem);
    //       background-color: rgba(255,255,255,0.3);
    //       border-radius: 1rem;
    //       @include margin(0 0 0 0.1rem)
    //     }
    //   }
    // }
    .content {
      @include flex();
      @include rect(100%, 100%);
      @include overflow();
    }
  }
  .footer {
    @include rect(100%, 0.56rem);
    @include background-color(#fcfcfc);
    @include border(1px 0 0 0, solid #f1f0e7);
    ul {
      @include rect(100%, 100%);
      @include flexbox();
      a {
        @include color(#b1b1b1);
        @include flex();
        @include rect(auto, 100%);
        @include flexbox();
        @include flex-direction(column);
        @include justify-content();
        @include align-items();
        span {
          @include font-size(0.24rem);
        }
        p {
          @include font-size(0.12rem);
        }
        &.active {
          @include color(#e7564c);
        }
      }
    }
  }
}
